<meta charset="utf-8"/>
<style>
    *{margin:0;padding:0;list-style-type:none;}
    a,img{border:0;text-decoration:none;}
    body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}

    .subNavBox{width:210px;border:solid 1px #e5e3da;margin: 0px;padding:0px;}
    .subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:14px;color:#999;line-height:28px;padding-left:10px;background:url(../static/subNav/jiantou1.jpg) no-repeat;background-position:95% 50%}
    .subNav:hover{color:#277fc2;}
    .currentDd{color:#277fc2}
    .currentDt{background-image:url(../static/subNav/jiantou.jpg);}
    .navContent{display: none;border-bottom:solid 1px #e5e3da;}
    .navContent li a{display:block;heighr:28px;text-align:left;font-size:12px;line-height:24px;color:#333;padding-left: 8px;}
    .navContent li a:hover{color:#fff;background-color:#277fc2;}
</style>
<script src="../static/jquery-1.8.2.min.js"></script>
<div class="subNavBox">
    <div class="subNav currentDd currentDt">数据库工具</div>
    <ul style="display:block" class="navContent ">
        <li><a href="/main" target="main">表数据迁移<span class="pull-right">2015-10-29</span></a></li>
        <li><a href="/doJavaBean" target="main">代码生成<span class="pull-right">2015-11-10</span></a></li>
    </ul>
    <div class="subNav currentDd currentDt">java操作Excel</div>
    <ul style="display:block" class="navContent ">
        <li><a href="/excel" target="main">导出Excel<span class="pull-right">2015-12-19</span></a></li>
    </ul>
</div>
<script>
    $(function(){
        $(".subNav").click(function(){
            $(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd");
            $(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt");
            $(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(500);
        })
    });
</script>